7.09 使用类名获取元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="woXie1" class="laoLiu">我要学习1</div>
<div id="woXie2" class="laoLiu">我要学习2</div>
<div id="woXie3" class="laoLiu">我要学习3</div>
<div id="woXie4" class="laoLiu">我要学习4</div>
<div id="woXie5" class="laoLiu">我要学习5</div>
<script type="text/javascript">
var z=document.getElementsByClassName("laoLiu");
t=z.length
for (var i=0;i<t;i++){
z[i].style.color="red";
}
z[2].style.color="blue";
console.log("laoLui")
</script>
</body>
</html>
返回